.page-container{
    margin: 0 auto;
    max-width: 1600px;
    /*width: 83%;*/
    /*background: url(images/list-page-bg.png) no-repeat;*/
    /*background-size: 100% auto;
    background-position: center top;*/

}
.header{
    height: 355px;
    background: url(images/list-page-bg.png) no-repeat;
    background-position: center 20%;
    -webkit-background-size: cover;
    background-size: cover;
}
@media only screen and (max-width:767px) {
    .header {
        height: 235px;
    }
    .page-title{
        font-size:1em;
    }
}
.header .page-title{
    margin-top: 180px;
}
/*div.article*/
.article {
	position: relative;
}
.article.content-container{

}
.article .page-title{
	
	max-height: 100px;
}
@media only screen and (max-width:767px) {
	.page-title{
		font-size:1em;
	}
}
.article .h3-page-title{
	position: absolute;
	margin-top: -100px;
}
div.article-resource {
	position: relative;
	padding-top: 28px;
}
div.article-resource.col-md-8{
	padding-left: 0;
	padding-right: 0;
}
div.article-resource ul.article-box-ul{
	padding: 0 1.9%;
	border-right: 1px solid #eeeeee;
	list-style:none;
}
.article-box-li .article-box{
	margin: 10px 0;
	min-height: 119px;
}

.article-box .article-img-box{
	position: relative;
	padding-top: 2.5%;
	padding-right: 0;
	padding-left: 0;
	height: 100%;
}
.article-box .article-img-box.col-md-4{
	/*float: left;*/
	width: 20%;
}

.article-box .article-img-box img.article-img{
	height: auto;
	max-width: 158px;
	width: 100%;
}

.article-box .article-info.col-md-8{
	/*float: left;*/
	width: 80%;
	padding: 0 2.2%;
}
.article-box:after {display:block;clear:both;content:"";overflow:hidden;height:0}
.article-box{zoom:1}

.article-info h4.article-title{
	margin-top: 0;
	padding-top:3%; 
	font-size: 1em;
	font-weight: bold;
}
.article-info p.date-and-from span{
	margin-right: 7px;
	font-size: 0.74em;
	color: #aaaaaa;
}
.article-info p.article-notes{
	font-size: 0.75em;
	max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.load-more-block{
	border-top:1px solid  #cccccc;
}
.load-more-block p#load-more ,.load-more-block p#load-bottom{
	margin-bottom: 0;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #b8c8e1;
	font-size: 1.2em;
}
.load-more-block p#load-more{display: block;}
.load-more-block p#load-bottom{display: none;}
.load-more-block p.show{display: block;}

div.article-resource .page-list{
	margin: 20px 0;
	padding: 0 1.9%;
	text-align: center;
}
.page-list .pagination{
	margin:30px 0; 
}

.pagination>li {
    display: inline-block;
    margin: 0 3px;
    line-height: 61px;
}
.pagination>li.active {
    background-color: #b8c8e1;
}
.pagination>li:hover {
	background-color: #eeeeee;
}
.pagination>li>a, .pagination>li>span {
    padding: 10px 17px;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d2d2d2;
}
/*read-rank*/
.read-rank {
	margin: 0;
	padding: 0 1%;
	padding-top: 28px;
}
.read-rank h4.rank-title{
	background: url(images/border.png);
	background-size: 100% 100%;
	background-position: top left;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 22px 20px;
	font-size: 0.93em;
}
.read-rank .rank-ul{
	margin-top: 10px;
	padding-left: 0;
	list-style: none;
}
.read-rank .rank-ul li{
	position: relative;
	padding: 8px 0;
	padding-left: 15%;
	padding-right: 3%;
	font-size: 0.88em;
}

.read-rank .rank-ul span.rank-number{
	position: absolute;
	top: 12px;
	left: 4.5%;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #FFF;
	background-color: #CCC;
	text-align: center;
	font-size: 10px;
	border-radius: 999px;
}
.read-rank .rank-ul span.rank-number.fore{
	background-color: #ffb276;
}
.read-rank .rank-ul li a.read-link{
	display: inline-block;
}
.read-rank .rank-ul li a{
	color: #666;
}
